<template>
  <div>
    <p>这是子组件</p>
    <!-- <p>这是子组件的num{{value}}</p> -->
    <p>这是子组件的num{{aa}}--{{bb}}</p>
    <button @click="fn">加1操作</button>
  </div>
</template>

<script>
export default {
    // 父传子的
    props:{
        // 接收父组件传来的数据
        value:{
            type:Number,
            require:true
        },
        aa:{
             type:Number,
            require:true
        },
         bb:{
             type:Number,
            require:true
        }
    },
    methods:{
        fn(){
            // 父组件传过来的数据不能直接修改
            // this.value++      //this.value=this.value+1
            // 如果要想修改  需要使用子传父  让父组件实行加一操作
            this.$emit('input',this.value+1)
            this.$emit('update:aa',this.aa+1)
            this.$emit('update:bb',this.bb+1)
        }
    }

}
</script>

<style>

</style>